.colbox{position: relative;}
.col-main{border:1px solid #ddd;border-radius: 4px;}
.colbox:after{display:block;content:"";clear:both;}
.col-nav{ width:240px; position:fixed; top:160px; left:20px;/*background: #edf4f5;*/ overflow:auto;border:1px solid #ddd;overflow: hidden;border-radius: 4px;}
.col-nav li{ position:relative}
.col-nav em{ position:absolute;top:5px;right:5px; opacity:.5; cursor:default; padding:10px;}
.col-nav > ul > li > a{display:block;padding-left:15px;height:40px;font:16px/40px "Microsoft YaHei";color:#333;text-decoration:none;border-bottom:1px solid #ddd;border-top:1px solid #f5f5f5;}
.col-nav > ul > li > ul{padding:10px 10px 15px; /*background: url(images/yy.png) repeat-y right 0 #f8f8f8;*/}
.col-nav > ul > li > ul a{ display:block;padding-left:15px;height:28px;font:15px/28px "Microsoft YaHei"; color:#5c5c5c; text-decoration:none}
.col-nav > ul > li > ul a:hover{color:#fb8302}
.col-nav > ul > li.active >a{border-bottom:1px solid #f19a1d;color:#e60412;}
.col-nav > ul > li > ul > li.active a{color:#e60412; cursor:default}
.col-nav > ul > li:hover ul{ display:block}
.col-nav  i{margin-right:4px;font-size:16px;}

.col-main{margin:90px 10px 10px 260px;}
.col-main-title{border-bottom:1px solid #ddd;padding:5px 0 0 10px;}
.search-bar{position: fixed;top:60px;height:100px;width:100%;padding-top:20px;background-color: #fff; z-index: 99;}
.search-bar:after{content:"";display: block;clear: both;}
.search-bar select,.search-bar .input,.search-bar .btn{float: left;height:40px;}
.search-bar select{width:150px;border-radius: 4px 0 0 4px;margin-left:300px;}
.search-bar input{width:400px;border-radius: 0;}
.search-bar .btn{width:80px;border-radius: 0 4px 4px 0;}

.search-bar-inner{position: relative;top:40px;height:60px;}

.table > tbody > tr > th{text-align: right;color:#9295a4;}
.table-border > tbody > tr:hover td{background-color: transparent;border-bottom-color:#eee;}
.table-border > tbody > tr > th{border-left:1px solid #ddd;background-color:#f5f5f5;}
.table-border > tbody > tr > td{border-left:1px solid #ddd;}

.table-simple{width:100%;}
.table-simple th,.table-simple td{padding:8px;border:1px solid #ddd;}
.table-simple th{background-color:#fafafa;text-align: right;color:#9295a4;}
.table-simple td .table-simple th{border-width:1px 0;text-align: left;}
.table-simple td .table-simple td{border-width:1px 0;}
.photo{max-height:160px;}

.tag label{display:inline-block;margin:5px;padding:2px 5px;background-color:#f19a1d;}
.left-list {position: absolute;left:20px:top:20px;width:140px; z-index: 99;}
.left-list li{border:1px solid #ddd;padding:5px;margin:5px; text-align: center;background-color:#f5f5f5;}
.val { position:absolute;top:0;right:0;width:240px;height:700px;padding:10px;border-left:1px solid #ddd; background-color:rgba(255,255,255,.9);}
.val p{padding:5px; line-height: 20px;}
.val .box-title{background-color:#f5f5f5;border-bottom:1px solid #e60412;color:#e60412;}
.jx{width:400px;height:300px; border:2px dashed #e60412; position: absolute;left:240px;top:200px; z-index: 99}

.area-list h4{padding:5px;margin-top:10px;}
.vlist{height:300px;position: relative;}
.vlist:after{content:"";display:block;clear:both;}
.vlist ul{padding-left:0;margin:0;}
.vlist li{ list-style:none;width:49%;height:100px; float:left; overflow:hidden;background-size:100% 100%; position:relative;padding:5px;margin:0.5%;}
.vlist li img{width:100%;}
.vlist li a{ display:block;height:32px; width:100px; background-color:rgba(0,0,0,.7);color:#fff; line-height:32px; text-align:center; position:absolute; top:0;left:0; text-decoration:none;display:none;}
.vlist li:hover a{font-size:20px;display:block;}
.vlist li.zoom{position: absolute;left:0;top:0;width:100%;height:100%;z-index: 999;}
.vlist li.zoom img{width:100%;}

.map-clear{ background-color: #fbfbfb;   border-radius: 0 4px 4px 0; color: #1e70ad; cursor: pointer; font-size: 28px; height: 45px; position: absolute;right: 6px;top: 6px;width: 64px; z-index: 9999;text-align:center;}
.map-clear i{margin-top:5px;display:inline-block;}
.map-clear.active{background-color:#2279b5;color:#fff;}